<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>蜜读-首页</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="./static/css/index.min.css" media="screen" title="no title" charset="utf-8">
  </head>
  <body>
    <div class="index">

      <div class="menu p-c clearfix">
        <img class="lazy f-l" data-original="./static/img/logo.png" width="222" height="36" alt="" />
        <ul class="f-r">
            <li><a class="active" href="index.html">首页</a></li>
            <li><a href="down.html">APP下载</a></li>
            <li><a href="about.html">关于我们</a></li>
        </ul>
      </div>
      <div class="banner p-r indexbanner">
        <em class="arr_l"><img src="./static/img/arr_l.png" alt="" /></em>
        <em class="arr_r"><img src="./static/img/arr_r.png" alt="" /></em>
        <div class="swiper-container swiper-container-1" style="width:100%">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <img src="./static/img/index_banner.jpg" width="100%" alt="" />
              <h4>
                传播全人类共有的知识和观点
                <small>Spread the knowledge and<br/>opinions shared by all mankind</small>
              </h4>
            </div>
            <div class="swiper-slide">
              <img src="./static/img/index_banner.jpg" width="100%" alt="" />
              <h4>
                我拒绝更好更圆的月亮 拒绝未知的疯狂 拒绝声色的张扬
                <small>what a fucking day</small>
              </h4>
            </div>
            <div class="swiper-slide">
              <img src="./static/img/index_banner.jpg" width="100%" alt="" />
              <h4>
                You Jump  I Jump
                <small>AAAA BBBB  CCCCCC</small>
              </h4>
            </div>
          </div>
          <div class="pagination"></div>
        </div>
      </div>

      <div class="tip p-c">
        <div class="wpr table">
          <span>
            <img class="lazy" data-original="./static/img/index_icon1.png" height="60" alt="" />
            <b>严选</b>
            精选国内外经典好书<br/>告别低品质阅读时代
          </span>
          <span>
            <img class="lazy" data-original="./static/img/index_icon2.png" height="60" alt="" />
            <b>省时</b>
            名师精编，去除冗余<br/>30分钟读完一本书
          </span>
          <span>
            <img class="lazy" data-original="./static/img/index_icon3.png" height="60" alt="" />
            <b>高效</b>
            结构化专题导读<br/>更好消化吸收
          </span>
          <span>
            <img class="lazy" data-original="./static/img/index_icon4.png" height="60" alt="" />
            <b>干货</b>
            过滤无效信息<br/>只保留10%内容精髓
          </span>
        </div>
      </div>

      <div class="plan p-c">
        <h4 class="tit">精读计划<small>Intensive reading plan</small></h4>
        <div class="wpr clearfix">
          <div class="item p-r">
            <img class="lazy" data-original="./static/img/index_p1.jpg" height="175" alt="" />
            <div class="txt">
              <b>如何掌控未来 · 精读计划</b>
              <small>12本 · 8小时读完</small>
              <p>
                在这个功利的社会，未来我们需要有什么样的能力，3个月精读计划助你提升。在这个功利的社会，未来我们需要有什么样的能力，3个月精读计划助你提升。
              </p>
            </div>
            <div class="bot clearfix">
              <span class="f-l">318人在学</span>
              <s class="f-r">￥ 99.00</s>
              <var class="f-r">￥ 66.00</var>
            </div>
            <div class="ecode p-a">
              <img class="lazy" data-original="./static/img/ecode_test.png" height="200" alt="" />
              <var>1.1万人在学</var>
              扫描二维码查看详情
            </div>
          </div>

          <div class="item p-r">
            <img class="lazy" data-original="./static/img/index_p2.jpg" height="175" alt="" />
            <div class="txt">
              <b>如何掌控未来 · 精读计划</b>
              <small>12本 · 8小时读完</small>
              <p>
                在这个功利的社会，未来我们需要有什么样的能力，3个月精读计划助你提升。
              </p>
            </div>
            <div class="bot clearfix">
              <span class="f-l">318人在学</span>
              <em class="f-r">限时免费</em>
            </div>
            <div class="ecode p-a">
              <img class="lazy" data-original="./static/img/ecode_test.png" height="200" alt="" />
              <var>1.1万人在学</var>
              扫描二维码查看详情
            </div>
          </div>

          <div class="item p-r new">
            <img class="lazy" data-original="./static/img/index_p3.jpg" height="175" alt="" />
            <div class="txt">
              <b>如何掌控未来 · 精读计划</b>
              <small>12本 · 8小时读完</small>
              <p>
                在这个功利的社会，未来我们需要有什么样的能力，3个月精读计划助你提升。在这个功利的社会，未来我们需要有什么样的能力，3个月精读计划助你提升。
              </p>
            </div>
            <div class="bot clearfix">
              <span class="f-l">318人在学</span>
              <var class="f-r">￥ 66.00</var>
            </div>
            <div class="ecode p-a">
              <img class="lazy" data-original="./static/img/ecode_test.png" height="200" alt="" />
              <var>1.1万人在学</var>
              扫描二维码查看详情
            </div>
          </div>

          <div class="item p-r new">
            <img class="lazy" data-original="./static/img/index_p4.jpg" height="175" alt="" />
            <div class="txt">
              <b>如何掌控未来 · 精读计划</b>
              <small>12本 · 8小时读完</small>
              <p>
                在这个功利的社会，未来我们需要有什么样的能力，3个月精读计划助你提升。
              </p>
            </div>
            <div class="bot clearfix">
              <span class="f-l">318人在学</span>
              <var class="f-r">￥ 66.00</var>
            </div>
            <div class="ecode p-a">
              <img class="lazy" data-original="./static/img/ecode_test.png" height="200" alt="" />
              <var>1.1万人在学</var>
              扫描二维码查看详情
            </div>
          </div>

          <div class="item p-r">
            <img class="lazy" data-original="./static/img/index_p5.jpg" height="175" alt="" />
            <div class="txt">
              <b>如何掌控未来 · 精读计划</b>
              <small>12本 · 8小时读完</small>
              <p>
                在这个功利的社会，未来我们需要有什么样的能力，3个月精读计划助你提升。
              </p>
            </div>
            <div class="bot clearfix">
              <span class="f-l">318人在学</span>
              <var class="f-r">￥ 66.00</var>
            </div>
            <div class="ecode p-a">
              <img class="lazy" data-original="./static/img/ecode_test.png" height="200" alt="" />
              <var>1.1万人在学</var>
              扫描二维码查看详情
            </div>
          </div>

          <div class="item p-r">
            <img class="lazy" data-original="./static/img/index_p5.jpg" height="175" alt="" />
            <div class="txt">
              <b>如何掌控未来 · 精读计划</b>
              <small>12本 · 8小时读完</small>
              <p>
                在这个功利的社会，未来我们需要有什么样的能力，3个月精读计划助你提升。
              </p>
            </div>
            <div class="bot clearfix">
              <span class="f-l">318人在学</span>
              <var class="f-r">￥ 66.00</var>
            </div>
            <div class="ecode p-a">
              <img class="lazy" data-original="./static/img/ecode_test.png" height="200" alt="" />
              <var>1.1万人在学</var>
              扫描二维码查看详情
            </div>
          </div>

        </div>
      </div>

      <div class="select">
        <div class="wpr p-c">
          <h4 class="tit">单本精选<small>A single selection</small></h4>
          <div class="f-l">
            <img class="lazy big" data-original="./static/img/book_bngd_big.jpg" width="268" height="370" alt="" />
            <img class="listen" src="./static/img/listen.png" alt="" />
          </div>
          <div class="f-r">
            <b>每天听本书</b>
            <p>
              集结最牛说书人为你说好书，跑步、晨起、睡前，每天半小时，一年收获365本好书
            </p>
            <div class="tables clearfix">
              <span>
                <img class="lazy" data-original="./static/img/book_bngd_sm.jpg" data-big="./static/img/book_bngd_big.jpg" width="120" height="166" alt="" />
                百年孤独
              </span>
              <span>
                <img class="lazy" data-original="./static/img/book_cl_sm.jpg" data-big="./static/img/book_cl_sm.jpg" width="120" height="166" alt="" />
                查令十字街
              </span>
              <span style="margin:0">
                <img class="lazy" data-original="./static/img/book_wls_sm.jpg" data-big="./static/img/book_wls_sm.jpg" width="120" height="166" alt="" />
                万历十五年
              </span>
            </div>
          </div>
        </div>
      </div>


      <div class="review p-c">
        <h4 class="tit">大咖点评<small>master review</small></h4>
        <div class="wpr clearfix">
          <div class="item">
            <div class="w">
              <img class="lazy" data-original="./static/img/daka1.png" width="128" height="128" alt="" />
              <h4>刘强东<small>京东集团创始人兼CEO</small></h4>
              <p>
                <font>推荐语：</font>蜜读是我非常喜欢和欣赏的阅读平台，最重要的原因就是他们的内容原因就是他们的内容是他们的内容是他们的内容
              </p>
            </div>
          </div>
          <div class="item">
            <div class="w">
              <img class="lazy" data-original="./static/img/daka2.png" width="128" height="128" alt="" />
              <h4>张伟<small>“新世相”创办者</small></h4>
              <p>
                <font>推荐语：</font>对我来说，花钱蜜读的课程是一件很贪婪的事，几乎不用付出，就......
              </p>
            </div>
          </div>
          <div class="item">
            <div class="w">
              <img class="lazy" data-original="./static/img/daka3.png" width="128" height="128" alt="" />
              <h4>冯仑<small>万通控股董事长</small></h4>
              <p>
                <font>推荐语：</font>我是冯仑，我在「蜜读」，挑战「世界上最难读的7本书。
              </p>
            </div>
          </div>
          <div class="item">
            <div class="w">
              <img class="lazy" data-original="./static/img/daka4.png" width="128" height="128" alt="" />
              <h4>马东<small>米未传媒创始人兼CEO</small></h4>
              <p>
                <font>推荐语：</font>我推荐大家加入这个计划，叫做《世界上最难读的7本书》。
              </p>
            </div>
          </div>

        </div>
      </div>

      <div class="reports">
        <div class="wpr p-c">
          <h4 class="tit">媒体报道<small>Media reports</small></h4>
          <div class="items">
            <div class="item clearfix">
              <div class="f-l">
                <b>掌阅为优质内容付费 斥资百万独家引入《围城》电子版权</b>
                <p>
                  2016年，有知识付费意愿的用户暴涨了 3 倍，知识付费用户达到近 5000 万人（根据各大知识付费平台的运营状况及果壳网、企鹅智库、极光大数据等多项报告估算），截止到2017年3月，用户知识付费（不包括在线教育）可估算的总体经济规模为 100 - 150 亿左右。2017年，随着用户需求提升、市场下沉及产业链拓展......
                </p>
                <a href="javascript:void(0)">查看全部</a>
              </div>
              <img class="lazy f-r" data-original="./static/img/index_p7.jpg" width="259" height="199" alt="" />
            </div>
            <div class="item clearfix">
              <div class="f-l">
                <b>内容付费新趋势座谈：动漫衍生品开发未来是大产业</b>
                <p>
                  2016年，有知识付费意愿的用户暴涨了 3 倍，知识付费用户达到近 5000 万人（根据各大知识付费平台的运营状况及果壳网、企鹅智库、极光大数据等多项报告估算），截止到2017年3月，用户知识付费（不包括在线教育）可估算的总体经济规模为 100 - 150 亿左右。2017年，随着用户需求提升、市场下沉及产业链拓展......
                </p>
                <a href="javascript:void(0)">查看全部</a>
              </div>
              <img class="lazy f-r" data-original="./static/img/index_p8.jpg" width="259" height="199" alt="" />
            </div>
            <div class="item clearfix">
              <div class="f-l">
                <b>内容付费新趋势座谈：动漫衍生品开发未来是大产业</b>
                <p>
                  2016年，有知识付费意愿的用户暴涨了 3 倍，知识付费用户达到近 5000 万人（根据各大知识付费平台的运营状况及果壳网、企鹅智库、极光大数据等多项报告估算），截止到2017年3月，用户知识付费（不包括在线教育）可估算的总体经济规模为 100 - 150 亿左右。2017年，随着用户需求提升、市场下沉及产业链拓展......
                </p>
                <a href="javascript:void(0)">查看全部</a>
              </div>
              <img class="lazy f-r" data-original="./static/img/index_p6.jpg" width="259" height="199" alt="" />
            </div>
          </div>
        </div>
      </div>

      <div class="partners p-c">
        <h4 class="tit">合作伙伴<small>cooperative partner</small></h4>
        <div class="wpr clearfix">
          <span>
            <img class="lazy" data-original="./static/img/partner1.jpg" alt="" />
          </span>
          <span>
            <img class="lazy" data-original="./static/img/partner2.jpg" alt="" />
          </span>
          <span>
            <img class="lazy" data-original="./static/img/partner3.jpg" alt="" />
          </span>
          <span>
            <img class="lazy" data-original="./static/img/partner4.jpg" alt="" />
          </span>
        </div>
      </div>

      <div class="foot">
        <div class="p-c clearfix">
          <div class="clearfix">
            <div class="f-l">
              <img class="lazy" data-original="./static/img/slogan.png" alt="" />
              <p style="margin-top:32px;">
                客服微信：nmiyaeno　
                <span class="p-r kefu">
                  <img class="lazy" data-original="./static/img/wechart1.png" alt="" />
                  <img class="lazy p-a kefu_wx" data-original="./static/img/kefu_wx.png" alt="" />
                </span><br/>
                工作时间：早9:30 - 晚18:30（周一至周五）<br/>
                客服邮箱：yy5616.love@163.com<br/>
                商务合作：yy5616.love@163.com<br/>
              </p>
            </div>
            <div class="f-l" style="margin-left:132px">
              <b>关注我们</b>
              <p>
                新浪微博：@蜜读<br/>
                微信公众号： midu_app<br/><br/>
                <span class="p-r f-l kefu" style="margin:0 42px 0 8px">
                  <img class="lazy" data-original="./static/img/wechart2.png" alt="" />
                  <img class="lazy p-a kefu_wx" data-original="./static/img/gongzh_wx.png" alt="" />
                </span>
                <a href="http://weibo.com/5730922700" target="_blank"><img class="lazy" data-original="./static/img/sina.png" alt="" /></a>
              </p>
            </div>
            <div class="f-r">
              <b>app下载</b>
              <img class="lazy" data-original="./static/img/bot_ecode.jpg" width="285" height="126" alt="" />
            </div>
          </div>
        </div>
        <div class="bot">
            Copyright © 1998 - 2017. All Rights Reserved. 北京唯我读秀文化有限公司 版权所有
          </div>
      </div>
    </div>
  </body>
  <script type="text/javascript" src="./static/js/jq.js"></script>
  <script type="text/javascript" src="./static/js/swiper.js"></script>
  <script>
  var swiper_Speed;
  </script>
  <!--[if lt IE 10]>
  <script>
  swiper_Speed = 900;
  </script>
  <![endif]-->
  <script type="text/javascript">

  $(document).ready(function(){
    swiper_Speed = !!swiper_Speed?swiper_Speed*5:900;

        $("img.lazy").lazyload({
          effect: "fadeIn",
          threshold:200
        });

        var mySwiper1 = new Swiper('.swiper-container',{
            speed:swiper_Speed,
            pagination: '.pagination',
          	slidesPerView: 1,
          	loop:true,
            calculateHeight:true
          })

        $(".banner .arr_l").on('click', function(e){
        	mySwiper1.swipePrev();
        })
        $(".banner .arr_r").on('click', function(e){
        	mySwiper1.swipeNext();

        })

        $('.select .tables img').hover(function(){
          console.log($(this).attr('src'));
          $('.select img.big').attr('src',$(this).attr('data-big'))
        })
  })
  </script>
  </html>
